---
title: 将现有项目迁移到 Astro
description: 将你的网站转换为 Astro 的一些提示和技巧。
i18nReady: true
---
import MigrationGuidesNav from '~/components/MigrationGuidesNav.astro';

**准备好将你的网站转换为 Astro 了吗？** 请参阅我们的迁移技巧指南之一。

## 迁移指南

<MigrationGuidesNav />

请注意，这些页面中有许多是**存根**：它们是资源的集合，等待着你的贡献！

## 为什么将你的网站迁移到 Astro？

Astro 提供了许多好处：性能，简单性，以及许多你想要的功能都内置在框架中。当你需要扩展你的网站时，Astro 提供了一些 [官方和第三方社区的集成](https://astro.build/integrations)。

迁移的工作量可能比你想象的要小！

根据你现有的项目，你可能能够：

- 在 Astro 中直接使用你现有的 [UI 框架组件](/zh-cn/guides/framework-components/) 。

- 使用你现有的 [CSS 样式或库](/zh-cn/guides/styling/) 包括 Tailwind。 

- 使用你现有的 [Markdown/MDX 文件](/zh-cn/guides/markdown-content/)，以及 [remark 和 rehype 插件](/zh-cn/guides/markdown-content/#配置-markdown)进行配置。

- 通过集成或者 API 获取[来自 CMS 的内容](/zh-cn/guides/cms/) 。


## 我可以将哪些项目转换为 Astro？

[很多现有的网站可以使用 Astro 构建](/zh-cn/concepts/why-astro/)。Astro 非常适用于你现有的基于内容的网站，如博客、登录页面、营销网站和个人作品集。Astro 集成了几个流行的 无头 CMS（headless CMS），并且允许你连接电子商务商店的购物车。

Astro 允许你在静态生成站点和[服务器端渲染（SSR）](/zh-cn/guides/server-side-rendering/)之间进行选择，使其成为 SSG 或需要即时获取一些页面数据的网站的绝佳替代品。

## 我的项目设计应该如何改变？

根据你现有的项目，你可能需要从不同方面进行思考：

- 使用 [Astro 群岛](/zh-cn/concepts/islands/#什么是群岛)设计以避免向浏览器发送不必要的 JavaScript。

- 使用 [客户端 `<script>` 标签](/zh-cn/guides/client-side-scripts/) 或 [UI 框架组件](/zh-cn/guides/framework-components/)提供客户端互动性。

- 使用 Nano Stores 或者 local storage 管理[共享状态](/zh-cn/recipes/sharing-state-islands/)，而不是全局 hooks 或者包装类。
